/*
    Light theme
*/
:root {
  /* grey colors */
  --grey1: #fcfcfc;
  --grey2: #f8f8f8;
  --grey3: #f3f3f3;
  --grey4: #ededed;
  --grey5: #e8e8e8;
  --grey6: #e2e2e2;
  --grey7: #dbdbdb;
  --grey8: #c7c7c7;
  --grey9: #8f8f8f;
  --grey10: #858585;
  --grey11: #6f6f6f;
  --grey12: #171717;

    /* mauve colors */
  --mauve1: #ffffff;
  --mauve2: #f9f8f9;
  --mauve3: #f4f2f4;
  --mauve4: #eeedef;
  --mauve5: #e9e8ea;
  --mauve6: #e4e2e4;
  --mauve7: #dcdbdd;
  --mauve8: #c8c7cb;
  --mauve9: #908e96;
  --mauve10: #86848d;
  --mauve11: #6f6e77;
  --mauve12: #1a1523;

  /* red colors */
  --red1: #fffcfc;
  --red2: #fff8f8;
  --red3: #ffefef;
  --red4: #ffe5e5;
  --red5: #fdd8d8;
  --red6: #f9c6c6;
  --red7: #f3aeaf;
  --red8: #eb9091;
  --red9: #e5484d;
  --red10: #dc3d43;
  --red11: #cd2b31;
  --red12: #381316;

  /* crimson colors */
  --crimson1: #fffcfd;
  --crimson2: #fff7fb;
  --crimson3: #feeff6;
  --crimson4: #fce5f0;
  --crimson5: #f9d8e7;
  --crimson6: #f4c6db;
  --crimson7: #edadc8;
  --crimson8: #e58fb1;
  --crimson9: #e93d82;
  --crimson10: #e93d82;
  --crimson11: #d31e66;
  --crimson12: #3d0d1d;

  /* purple colors */
  --purple1: #fefcfe;
  --purple2: #fdfaff;
  --purple3: #f9f1fe;
  --purple4: #f3e7fc;
  --purple5: #eddbf9;
  --purple6: #e3ccf4;
  --purple7: #d3b4ed;
  --purple8: #be93e4;
  --purple9: #8e4ec6;
  --purple10: #8445bc;
  --purple11: #793aaf;
  --purple12: #2b0e44;

  /* indigo colors */
  --indigo1: #fdfdfe;
  --indigo2: #f8faff;
  --indigo3: #f0f4ff;
  --indigo4: #d9e2fc;
  --indigo5: #d9e2fc;
  --indigo6: #c6d4f9;
  --indigo7: #aec0f5;
  --indigo8: #8da4ef;
  --indigo9: #3e63dd;
  --indigo10: #3a5ccc;
  --indigo11: #3451b2;
  --indigo12: #101d46;

  /* sky colors */
  --sky1: #f9feff;
  --sky2: #f1fcff;
  --sky3: #e4f9ff;
  --sky4: #d5f4fd;
  --sky5: #d5f4fd;
  --sky6: #a4dff1;
  --sky7: #79cfea;
  --sky8: #2ebde5;
  --sky9: #68ddfd;
  --sky10: #5fd4f4;
  --sky11: #0078a1;
  --sky12: #003242;

  /* mint colors */
  --mint1: #f9fefd;
  --mint2: #effefa;
  --mint3: #e1fbf4;
  --mint4: #d2f7ed;
  --mint5: #c0efe3;
  --mint6: #a5e4d4;
  --mint7: #7dd4c0;
  --mint8: #40c4aa;
  --mint9: #70e1c8;
  --mint10: #69d9c1;
  --mint11: #147d6f;
  --mint12: #09342e;

  /* grass colors */
  --grass1: #fbfefb;
  --grass2: #f3fcf3;
  --grass3: #ebf9eb;
  --grass4: #dff3df;
  --grass5: #ceebcf;
  --grass6: #b7dfba;
  --grass7: #b7dfba;
  --grass8: #65ba75;
  --grass9: #46a758;
  --grass10: #3d9a50;
  --grass11: #297c3b;
  --grass12: #297c3b;

  /* lime colors */
  --lime1: #fcfdfa;
  --lime2: #f7fcf0;
  --lime3: #eefadc;
  --lime4: #e4f7c7;
  --lime5: #d7f2b0;
  --lime6: #c9e894;
  --lime7: #c9e894;
  --lime8: #94ba2c;
  --lime9: #99d52a;
  --lime10: #93c926;
  --lime11: #5d770d;
  --lime12: #263209;

  /* yellow colors */
  --yellow1: #fdfdf9;
  --yellow2: #fffce8;
  --yellow3: #fffbd1;
  --yellow4: #fff8bb;
  --yellow5: #fef2a4;
  --yellow6: #f9e68c;
  --yellow7: #efd36c;
  --yellow8: #ebbc00;
  --yellow9: #f5d90a;
  --yellow10: #f7ce00;
  --yellow11: #946800;
  --yellow12: #946800;

  /* orange colors */
  --orange1: #fefcfb;
  --orange2: #fef8f4;
  --orange3: #fff1e7;
  --orange4: #ffe8d7;
  --orange5: #ffdcc3;
  --orange6: #ffcca7;
  --orange7: #ffb381;
  --orange8: #fa934e;
  --orange9: #f76808;
  --orange10: #ed5f00;
  --orange11: #bd4b00;
  --orange12: #451e11;

  /* shadow color */
  --shadow1: rgba(14, 18, 22, 0.2);
  --shadow2: rgba(14, 18, 22, 0.35);
}

/*
    dark theme
*/
:root.theme-dark {
  --grey1: #161616;
  --grey2: #1c1c1c;
  --grey3: #232323;
  --grey4: #282828;
  --grey5: #2e2e2e;
  --grey6: #343434;
  --grey7: #3e3e3e;
  --grey8: #505050;
  --grey9: #707070;
  --grey10: #7e7e7e;
  --grey11: #a0a0a0;
  --grey12: #ededed;

  /* muave colors */
  --mauve1: #161618;
  --mauve2: #1c1c1f;
  --mauve3: #232326;
  --mauve4: #28282c;
  --mauve5: #2e2e32;
  --mauve6: #34343a;
  --mauve7: #3e3e44;
  --mauve8: #504f57;
  --mauve9: #706f78;
  --mauve10: #7e7d86;
  --mauve11: #a09fa6;
  --mauve12: #ededef;

  /* red colors */
  --red1: #1f1315;
  --red2: #291415;
  --red3: #3c181a;
  --red4: #481a1d;
  --red5: #541b1f;
  --red6: #671e22;
  --red7: #822025;
  --red8: #aa2429;
  --red9: #e5484d;
  --red10: #f2555a;
  --red11: #ff6369;
  --red12: #feecee;

  /* crimson colors */
  --crimson1: #1d1418;
  --crimson2: #27141c;
  --crimson3: #3c1827;
  --crimson4: #481a2d;
  --crimson5: #541b33;
  --crimson6: #641d3b;
  --crimson7: #801d45;
  --crimson8: #ae1955;
  --crimson9: #e93d82;
  --crimson10: #f04f88;
  --crimson11: #f76190;
  --crimson12: #feecf4;

  /* purple colors */
  --purple1: #1b141d;
  --purple2: #221527;
  --purple3: #301a3a;
  --purple4: #3a1e48;
  --purple5: #432155;
  --purple6: #4e2667;
  --purple7: #5f2d84;
  --purple8: #7938b2;
  --purple9: #8e4ec6;
  --purple10: #9d5bd2;
  --purple11: #bf7af0;
  --purple12: #f7ecfc;

  /* indigo colors */
  --indigo1: #131620;
  --indigo2: #15192d;
  --indigo3: #192140;
  --indigo4: #1c274f;
  --indigo5: #1f2c5c;
  --indigo6: #22346e;
  --indigo7: #273e89;
  --indigo8: #2f4eb2;
  --indigo9: #3e63dd;
  --indigo10: #5373e7;
  --indigo11: #849dff;
  --indigo12: #eef1fd;

  /* sky colors */
  --sky1: #0c1820;
  --sky2: #071d2a;
  --sky3: #082636;
  --sky4: #082d41;
  --sky5: #08354c;
  --sky6: #083e59;
  --sky7: #064b6b;
  --sky8: #005d85;
  --sky9: #68ddfd;
  --sky10: #8ae8ff;
  --sky11: #8ae8ff;
  --sky12: #eaf8ff;

  /* mint colors */
  --mint1: #081917;
  --mint2: #05201e;
  --mint3: #052926;
  --mint4: #04312c;
  --mint5: #033a34;
  --mint6: #01453d;
  --mint7: #00564a;
  --mint8: #006d5b;
  --mint9: #70e1c8;
  --mint10: #95f3d9;
  --mint11: #25d0ab;
  --mint12: #e7fcf7;

  /* grass colors */
  --grass1: #0d1912;
  --grass2: #0f1e13;
  --grass3: #132819;
  --grass4: #16301d;
  --grass5: #193921;
  --grass6: #1d4427;
  --grass7: #245530;
  --grass8: #2f6e3b;
  --grass9: #46a758;
  --grass10: #55b467;
  --grass11: #63c174;
  --grass12: #e5fbeb;

  /* lime colors */
  --lime1: #141807;
  --lime2: #181d08;
  --lime3: #1e260d;
  --lime4: #252e0f;
  --lime5: #262f0f;
  --lime6: #344213;
  --lime7: #415215;
  --lime8: #536716;
  --lime9: #99d52a;
  --lime10: #c4f042;
  --lime11: #87be22;
  --lime12: #effbdd;

  /* yellow colors */
  --yellow1: #1c1500;
  --yellow2: #221a00;
  --yellow3: #2c2100;
  --yellow4: #352800;
  --yellow5: #3e3000;
  --yellow6: #493c00;
  --yellow7: #594a05;
  --yellow8: #705e00;
  --yellow9: #f5d90a;
  --yellow10: #ffef5c;
  --yellow11: #f0c000;
  --yellow12: #fffad1;

  /* orange colors */
  --orange1: #1f1206;
  --orange2: #2b1400;
  --orange3: #391a03;
  --orange4: #441f04;
  --orange5: #4f2305;
  --orange6: #5f2a06;
  --orange7: #763205;
  --orange8: #943e00;
  --orange9: #f76808;
  --orange10: #ff802b;
  --orange11: #ff8b3e;
  --orange12: #feeadd;

  /* shadow color */
  --shadow1: rgba(0, 0, 0, 0.6);
  --shadow2: rgba(0, 0, 0, 0.75);
}
